#wrap{width: 100%; height: 100%; position: relative;}
body{background-color: rgb(36,36,36);}
/*首页的头部*/
#top{background: url(../img/page1_top_bg.jpg) no-repeat; height: 26%; width: 100%; background-size: 100% 100%;}

/*首页的主要部分*/
#main{background: url(../img/page1_main_bg.jpg) no-repeat; width: 100%; height: 74%; background-size: 100% 100%;}

.nav{width: 100%; height: 6%;}
.nav li{width: 20%; height: 100%; background: #a32a24; line-height: 2rem; text-align: center; color: white;}
/*点击的li*/
.clickShow{background: url(../img/page1_nav_active.png) no-repeat; background-size: 100% 100%;}
.car{background: url(../img/page1_k4.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; width: 100%; height: 34%;}
.try{background: url(../img/page1_btn_next.png) no-repeat; background-size: 100% 100%; width: 40%; height: 6%; position: absolute; right: 10%; top: 60%;}

/*首页的底部*/
.tab{background: url(../img/page1_tab_bg.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 30%; position: absolute; left: 0;} 
.main_nav_one{background: url(../img/page1_btn_video.png) no-repeat; background-size: 100% 100%; width: 47%; height: 15%;position: absolute; left: 5%; top: 0;}
.liang{background: url(../img/page1_btn_video_active.png) no-repeat; background-size: 100% 100%; width: 47%; height: 15%;position: absolute; left: 5%; top: 0;}
.main_nav_two{background: url(../img/page1_btn_pic.png) no-repeat; background-size: 100% 100%; width: 47%; height: 15%;position: absolute; right: 5%; top: 0;}
.liang1{background: url(../img/page1_btn_pic_active.png) no-repeat; background-size: 100% 100%; width: 47%; height: 15%;position: absolute; right: 5%; top: 0;}
.video-img{background: url(../img/page1_video_poster.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.tab-wrap-video,.tab-sliper{border: 2px solid #a82d2a; width: 86%; height: 70%; position: absolute; top: 16%; left: 7%; overflow: hidden;} 
.tab-sliper img{width: 100%; height: 100%;}
.swiper-button-prev{background: url(../img/page1_btn_prev.png) no-repeat; background-size: 100% 100%;}
.swiper-button-next{background: url(../img/page1_btn_prev.png) no-repeat; background-size: 100% 100%; -webkit-transform: rotate(180deg);}
.tab-wrap-video video{width: 100%;}
.activity-wrap{width: 100%; height: 100%; color: white; font-family: "microsoft yahei"; background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0;}
.activity-wrap .activity{width: 90%; height: 80%; position: absolute; left: 5%; top: 10%; border: 2px #a32a24 solid;} 
.activity-wrap h3{text-align: center; font-size: 25px; font-weight: normal; line-height: 6.2rem;}
.activity-wrap p{font-size: 0.9rem; line-height: 1.2rem;}
.activity-wrap h4{font-size: 1.3rem; line-height: 1.6rem; font-weight: normal;}
.scrollWrap{overflow: hidden; height: 80%;}
.cha{background: url(../images/commen_close.png) no-repeat; background-size: 100% 100%; width: 12%; height: 8%; position: absolute; right: 8%; top: 10%;}
